<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/shoppingCar.css">
    <link rel="stylesheet" href="../font_nx4w2dgra3g/iconfont.css">
    <link rel="stylesheet" href="../css/shoppingCars.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2790765_pqm82v7ytg.css">
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/register copy.js"></script>
    <script src="../js/shoppingCar.js"></script>
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <div class="con_nav">
        <div class="nav w1226">
            <ul class="nav_list">
                <li class="adad">
                    <!-- 登录 -->
                    <a href="javascript:;" class="login">登录</a>
                    <span class="sep">|</span>
                    <!-- 注册 -->
                    <a href="javascript:;" class="register">注册</a>
                </li>
                <li>
                    <a href="javascript:;" class="hy">xxx,欢迎你</a>
                </li>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">我的收藏</a>
                </li>
                <li class="shopCart">
                    <span class="iconfont icon-24gl-cartFull2"></span>
                    <a href="javascript:;">购物车
                        <!-- <span class="num">(0)</span> -->
                    </a>
                </li>
            </ul>

        </div>
    </div>

    <!-- 导航 -->
    <div class="con_header">
        <div class="header w1226">
            <img src="../img/logo.c8999c02.png" alt="">
            <ul class="header_list">
                <li><a href="../html/zhuye.html">首页</a></li>
                <li><a href="../html/allGoods.html">全部商品</a></li>
                <li><a href="javascript:;">关于我们</a></li>
            </ul>
            <div class="input">
                <input type="text" autocomplete="off" placeholder="请输入搜索内容" class="input_l">
                <div class="input_r">
                    <button type="button" class="input_r_button">
                        <span class="iconfont icon-fangdajing"></span>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="con_cart">
        <div class="cart-header w1226">
            <p>
                <span class="iconfont icon-24gl-cartFull2"></span>我的购物车
            </p>
            <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
        </div>
    </div>

    <!-- 购物车 -->
    <div class="con_shoppingCar">
        <div class="shoppingCar w1226">
            <div class="container w">
                <div class="cart-main">
                    <div class="cart-wrap">
                        <div class="list-header">
                            <div class="col col-check">
                                <label>
                                    <input type="checkbox" class="check-all">&emsp;全选
                                </label>
                            </div>
                            <div class="col col-img"></div>
                            <div class="col col-detail">商品名称</div>
                            <div class="col col-price">单价</div>
                            <div class="col col-count">数量</div>
                            <div class="col col-subtotal">小计</div>
                            <div class="col col-operate">操作</div>
                        </div>
                        <div class="list-body">
                            <!-- <div class="list-item">
                                <div class="col col-check">
                                    <label>
                                        <input type="checkbox" class="check-one">
                                    </label>
                                </div>
                                <div class="col col-img">
                                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1632713426.30988142.jpg?thumb=1&w=100&h=100" alt="">
                                </div>
                                <div class="col col-detail">
                                    Xiaomi Civi 8GB+128GB 闪闪黑</div>
                                <div class="col col-price">2599元</div>
                                <div class="col col-count">
                                    <div class="countBox">
                                        <span class="reduce">-</span>
                                        <span class="countSpan">1</span>
                                        <span class="add">+</span>
                                    </div>
                                </div>
                                <div class="col col-subtotal">2599元</div>
                                <div class="col col-operate"><i class="iconfont icon-close delete"></i></div>
                            </div> -->
                            <!-- <div class="list-item">
                                <div class="col col-check">
                                    <label>
                                        <input type="checkbox" class="check-one">
                                    </label>
                                </div>
                                <div class="col col-img">
                                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628588553.56819324.jpg?thumb=1&w=100&h=100" alt="">
                                </div>
                                <div class="col col-detail">Xiaomi MIX 4 8GB+128GB 陶瓷黑</div>
                                <div class="col col-price">4999元</div>
                                <div class="col col-count">
                                    <div class="countBox">
                                        <span class="reduce">-</span>
                                        <span class="countSpan">1</span>
                                        <span class="add">+</span>
                                    </div>
                                </div>
                                <div class="col col-subtotal">4999元</div>
                                <div class="col col-operate"><i class="iconfont icon-close delete"></i></div>
                            </div>
                            <div class="list-item">
                                <div class="col col-check">
                                    <label>
                                        <input type="checkbox" class="check-one">
                                    </label>
                                </div>
                                <div class="col col-img">
                                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1622000680.1781885.jpg?thumb=1&w=100&h=100" alt="">
                                </div>
                                <div class="col col-detail">Redmi AirDots 3 Pro曜石黑</div>
                                <div class="col col-price">299元</div>
                                <div class="col col-count">
                                    <div class="countBox">
                                        <span class="reduce">-</span>
                                        <span class="countSpan">1</span>
                                        <span class="add">+</span>
                                    </div>
                                </div>
                                <div class="col col-subtotal">299元</div>
                                <div class="col col-operate"><i class="iconfont icon-close delete"></i></div>
                            </div>
                            <div class="list-item">
                                <div class="col col-check">
                                    <label>
                                        <input type="checkbox" class="check-one">
                                    </label>
                                </div>
                                <div class="col col-img">
                                    <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621955784.84614979.jpg?thumb=1&w=100&h=100" alt="">
                                </div>
                                <div class="col col-detail">
                                    Redmi Note 10 Pro 6GB+128GB 月魄</div>
                                <div class="col col-price">1599元</div>
                                <div class="col col-count">
                                    <div class="countBox">
                                        <span class="reduce">-</span>
                                        <span class="countSpan">1</span>
                                        <span class="add">+</span>
                                    </div>
                                </div>
                                <div class="col col-subtotal">1599元</div>
                                <div class="col col-operate"><i class="iconfont icon-close delete"></i></div>
                            </div> -->
                        </div>
                        <div class="list-footer">
                            <div class="col col-continue"><a href="../html/allGoods.html">继续购物</a></div>
                            <span class="col col-sep">|</span>
                            <div class="col col-center">
                                <div class="numTips">
                                    共 <span class="totalNum"></span> 件商品，已选择 <span class="selectedNum">0</span> 件
                                </div>
                                <div class="priceTips">
                                    合计：<span class="selectedTotal">0</span>元
                                </div>
                            </div>
                            <div class="col col-total">
                                <a href="javascript:;">去结算</a>
                                <!-- <div class="totalTips">
                                    请勾选需要结算的商品
                                    <i class="iconfont icon-xiasanjiao-copy arrow"></i>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>



    <div class="con_end">
        <div class="end w1226">
            <div class="end_seven">
                <span class="iconfont icon-anquan"><a href="">七天无理由退换货</a></span>
                <span class="iconfont icon-anquan"><a href="">满99元全场免邮</a></span>
                <span class="iconfont icon-anquan"><a href="">100%品质保证</a></span>
            </div>
            <p>
                <a href="">首页</a><span>|</span>
                <a href="">全部商品</a><span>|</span>
                <a href="">关于我们</a><span></span>
            </p>
            <p>商城版权所有 © 2012-2021</p>
        </div>
    </div>




    <!-- 登录弹框 -->
    <div class="loginBox">
        <p>登录<span class="loginBox_dl">×</span></p>
        <div class="denglu">
            <span class="iconfont icon-lianxiren"></span>
            <input type="text" class="denglu_zhanghao" placeholder="请输入账号">
        </div>

        <div class="pwd">
            <span class="iconfont icon-yanjing"></span>
            <input type="text" class="denglu_pwd" placeholder="请输入密码">
        </div>

        <div class="dl" id="dl">登录</div>
    </div>

    <!-- 注册弹框 -->
    <div class="registerBox">
        <p>注册<span class="registerBox_dl">×</span></p>
        <div class="zhuce">
            <span class="iconfont icon-lianxiren"></span>
            <input type="text" class="zhuce_zhanghao" placeholder="请输入账号">
        </div>

        <div class="pwds">
            <span class="iconfont icon-yanjing"></span>
            <input type="text" class="zhuce_pwd" placeholder="请输入密码">
        </div>

        <div class="pwdAgain">
            <span class="iconfont icon-yanjing"></span>
            <input type="text" class="zhuce_pwds" placeholder="请再次输入密码">
        </div>

        <div class="enter">注册</div>
    </div>

    <div id="mc"></div>
</body>

</html>